<center>
    <form action="?r=map/address_do" method="post">
        <tr>
            <td><input type="text" name="address" id="address"></td>
            <input type="hidden" name="_csrf" value="<?php echo Yii::$app->request->csrfToken?>">
            <td><input type="submit" value="提交"></td>
            <input type="button" value="显示城市地图" onclick="fun()">
        </tr>
    </form>
</center>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=j2LK5K23dtWrG8EdWme7enZKb2jTGUm7"></script>
    <title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
    function fun()
    {

        // 百度地图API功能
        var map = new BMap.Map("allmap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(<?php echo $lng?>, <?php echo $lat?>), 11);  // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            mapTypes:[
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]}));
        map.setCurrentCity("$address");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    }

</script>
